
       // 轮播图
$(function () {
    var i=0;
    function foo(){
        i++;
       if(i>1){
           i=0;
       }
        $(".banner1").fadeOut("slow");
        $(".banner2").fadeOut("slow");
        $(" .banner div").eq(i).stop().fadeIn("slow"); 
        $(".yuan div").css({"opacity":".5"});
        $(".yuan div").eq(i).css({"opacity":"1"});
    }
    var timer =setInterval(()=>{
        // console.log(i);
       foo();
    },3000)
    $(".banner-warp div").mouseover(function(){
        clearInterval(timer);
    })
    $(".yuan div").click(function(){
        // console.log(i);
        $(".yuan div").css({"opacity":".5"});
        $(this).css({ "opacity": "1" });
        
        if(i==$(this).index()){
            return
        }else{
        i=$(this).index();
        $(".banner1").fadeOut("slow");
        $(".banner2").fadeOut("slow");
        $(" .banner div").eq(i).fadeIn("slow");
        }
    })
    $(".lj").click(function(){
        i-1;
        if(i<0){
            i=1;
        }
        foo();
    })
    $(".rj").click(function(){
        i+1;
        if(i>1){
            i=0;
        }
        foo();
    })
    $(".banner").mouseout(function(){
         timer=setInterval(()=>{
            foo();
        },3000)

    })
   
})

    // 点击App下载按钮 显示二维码
  $(".gd-box .top").mouseover(function(){
      $(".min-box").css({"display":"block"})
      $(".y-top").css({"display":"block"})
  })
  $(".gd-box .top").mouseout(function(){
      $(".min-box").css({"display":"none"})
      $(".y-top").css({"display":"none"})
  })

// 目录下载的隐藏二维码
$(".download").mouseover(function(){
      $(".down-list").css({"display":"block"})
      $(".triangle-one").css({"display":"block"})
  })
  $(".download").mouseout(function(){
      $(".down-list").css({"display":"none"})
      $(".triangle-one").css({"display":"none"})
  })
// 回到顶部
$(".gd-box .bottom").click(function(){
    $("html,body").animate({scrollTop:0},200);
})
//登录隐藏的列表 //////////////////////////////
$(".l1").mouseover(function(){
    $(".login-list").css("display","block");
    $(".triangle-two").css("display","block");  
})
$(".l1").mouseout(function(){
    $(".login-list").css("display","none");
    $(".triangle-two").css("display","none");  
})
$(".login-list").mouseover(function(){
    $(".login-list").css("display","block");
    $(".triangle-two").css("display","block");  
})
$(".login-list").mouseout(function(){
    $(".login-list").css("display","none");
    $(".triangle-two").css("display","none");  
})
$(".triangle-two").mouseover(function(){
    $(".login-list").css("display","block");
    $(".triangle-two").css("display","block");  
})
//目录下边的隐藏盒子 ///////////////////////////
$(".left li").eq(1).mouseover(function(){
    $(".city").css({"display":"block"})
})
$(".city").mouseover(function(){
    $(".city").css({"display":"block"})
})
$(".left li").eq(1).mouseout(function(){
    $(".city").css({"display":"none"})
})
$(".city").mouseout(function(){
    $(".city").css({"display":"none"})
})
// 数据更新 hot
$(".hot i").click(function () {
    // $(".current i").text($(this).html());
    // $("em:first").text($(this).html());
    axios.get("http://localhost:3000/product")
        .then(data=> {
            data.data.forEach(item => {
                if (item.city == $(this).html()) {
                    console.log(item);
                    axios.put("http://localhost:3000/default-data/1", item)
                        .then(function () {
                            console.log("修改成功");
                            location.reload();
                        })
                        .catch(function () {
                            console.log("修改失败")
                        })    
                }
            })
        })
        .catch()
    
})
   // 默认数据 default-data
var dom;
$(function () {
     // 第一次请求（是否登录或者是登录的那个用户）
    axios.get("http://localhost:3000/default-user")
        .then(function (data) {
            console.log("用户");
        // console.log(data.data[0].userID)
        axios.get("http://localhost:3000/user")
            .then(function (user) {
                console.log(user.data);
                user.data.forEach((item) => {
                    // console.log(item);
                    if (item.id == data.data[0].userID) {
                        console.log("ok");
                        $("#user").html(item.phone);
                    }
                })
            })
            .catch();
    })
        .catch();
    // 第一次请求（商品数据等）
    axios.get("http://localhost:3000/default-data")
        .then(function (data) {
            // console.log(data.data[0]);
            var obj = data.data[0];
            $(".banner1 img").attr("src",obj.banner1);
            $(".banner2 img").attr("src", obj.banner2);
            $(".current i").text(obj.city);
            $("em:first").text(obj.city);
            var left = data.data[0].list.left[0];
            var right = data.data[0].list.right;
            // console.log(left.id);
            // console.log(right);
            axios.get("http://localhost:3000/product-list")
                .then(function (db) {
                    // console.log(db.data);
                    // 左边
                    db.data.forEach((item) => {
                        // console.log(item.id)
                        if (item.id == left.id) {
                            // console.log(item)
                            $("#sing .left1 img").attr("src", item.src);
                            $("#sing .left1 span").eq(0).text( item.title)
                            $("#sing .left1 span").eq(1).text("¥" + item.price)
                        }
                    })
                    // 右边
                    right.forEach((item1,index) => {
                        // console.log(item1.id)
                        // console.log(index)
                        db.data.forEach((item2) => {
                            // console.log(item.id)
                            if (item2.id == item1.id) {
                                // console.log(item2)
                                dom = $("#sing .r1 .info").eq(index);
                                dom.find("img").attr("src", item2.src);
                                dom.find("li").eq(0).text(item2.title)
                                dom.find("li").eq(1).text(item2.where)
                                dom.find("li").eq(2).text(item2.time)
                                dom.find("li").eq(3).text("¥" +item2.price)
                            }
                        })
                    })

                })
            })
        // })
        .catch()
})
// 跳转详情页的点击事件
$("#sing .r1 .info").click(function () {
    // console.log($(this).index())
    let i = $(this).index();
    axios.get("http://localhost:3000/default-data")
        .then(function (data) {
            data.data[0].list.right[i].city = data.data[0].city;
            data.data[0].list.right[i].productID = data.data[0].list.right[i].id;
            
        // console.log(data.data[0].list.right[i])
            axios.put("http://localhost:3000/detail/1",
            data.data[0].list.right[i])
                .then(function () {
                    console.log("添加成功")
                    location.assign("detail.html")
                })
                .catch(function (res) {
                    console.log(res)
                })
        })
        .catch(function (res) {
            console.log(res)
        })
  
});

$("#sing .left1 img").click(function () {
    // console.log($(this).index())
    let i = $(this).index();
    axios.get("http://localhost:3000/default-data")
        .then(function (data) {
            data.data[0].list.right[i].city = data.data[0].city;
            data.data[0].list.right[i].productID = data.data[0].list.left[0].id;
            
        // console.log(data.data[0].list.right[i])
            axios.put("http://localhost:3000/detail/1",
            data.data[0].list.right[i])
                .then(function () {
                    console.log("添加成功")
                    location.assign("detail.html")
                })
                .catch(function (res) {
                    console.log(res)
                })
        })
        .catch(function (res) {
            console.log(res)
        })
  
});


